<template>
  <div class="wrapper">
    <img src="@/assets/common/empty.png" class="empty" >
    <div class="msg" v-html="message"></div>
  </div>
</template>

<script>
export default {
  props:{
    message:{
      type:String,
      default:'暂无数据'
    }
  }
}
</script>

<style scoped lang="scss">
.wrapper{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.empty{
  display: block;
  width: 200px;
  margin: auto;
}
.msg{
  margin-top: 13px;
  font-size: 13px;
  color: #666;
  text-align: center;
  line-height: 23px;
}
</style>